<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="js no-flexbox canvas canvastext no-webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths wf-alternategothicno1d-n4-active wf-fftisawebpro-n4-active wf-fftisawebpro-n7-active wf-proximanova-n4-active wf-proximanova-n6-active wf-proximanova-n8-active wf-active" lang="en"><!--<![endif]--><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta charset="utf-8">

  <title>GodideNET Technologies - WEB, Mobile, Apps & Integration Computing</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <!-- base href="http://alwayscreative.net/" -->

  <link rel="canonical" href="http://godidenet.co.za/">

  <link rel="shortcut icon" href="http://godidenet.co.za/favicon.ico">

  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://alwayscreative.net/apple-touch-icon-144x144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://alwayscreative.net/apple-touch-icon-114x114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://alwayscreative.net/apple-touch-icon-72x72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="http://alwayscreative.net/apple-touch-icon-precomposed.png">

  <link href="roots/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
  <link href="roots/print.css" media="print" rel="stylesheet" type="text/css">
  
  <!--link href="roots/common.css" rel="stylesheet" type="text/css">
  <link href="roots/structure.css" rel="stylesheet" type="text/css"-->
	<link href="roots/new-structure.css" rel="stylesheet" type="text/css">	
	<link href="roots/team-breakout.css" rel="stylesheet" type="text/css">
  <!--script src="roots/ga.js"></script><script async="" type="text/javascript" src="roots/wie3mnc.js"></script><script>
    (function() {
      var config = {
        kitId: 'wie3mnc',
        scriptTimeout: 3000
      };
      var h=document.getElementsByTagName("html")[0];h.className+=" wf-loading";var t=setTimeout(function(){h.className=h.className.replace(/(\s|^)wf-loading(\s|$)/g," ");h.className+=" wf-inactive"},config.scriptTimeout);var tk=document.createElement("script"),d=false;tk.src='//use.typekit.net/'+config.kitId+'.js';tk.type="text/javascript";tk.async="true";tk.onload=tk.onreadystatechange=function(){var a=this.readyState;if(d||a&&a!="complete"&&a!="loaded")return;d=true;clearTimeout(t);try{Typekit.load(config)}catch(b){}};var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(tk,s)
    })();
  </script-->

  <script src="roots/modernizr-2.js"></script>
  <!--[if IE 9]>
    <link href="stylesheets/ie9.css" media="screen, projection" rel="stylesheet" type="text/css">
  <![endif]-->
  <!--[if IE 8]>
    <link href="stylesheets/ie8.css" media="screen, projection" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/javascripts/libs/respond.min.js"></script>
  <![endif]-->
  <!--[if IE 7]>
    <link href="stylesheets/ie7.css" media="screen, projection" rel="stylesheet" type="text/css">
  <![endif]-->
  
  <script>document.cookie='resolution='+Math.max(screen.width,screen.height)+'; path=/';</script>
  
  <noscript>
    <link href="stylesheets/noscript.css" media="screen, projection" rel="stylesheet" type="text/css">
  </noscript><style type="text/css">.tk-alternate-gothic-no-1-d{font-family:"alternate-gothic-no-1-d",sans-serif;}.tk-ff-tisa-web-pro{font-family:"ff-tisa-web-pro",serif;}.tk-proxima-nova{font-family:"proxima-nova",sans-serif;}</style><link href="roots/d.css" rel="stylesheet">
  
</head>
<body class="">
  <div id="buffer"></div>
  <div style="display: block;" id="universe">
    <noscript>
      <div class="container">
        <div class="top-notice">
          Your browser's javascript is disabled. Even though our site is still accessible without it, you are missing out the enhanced experience that our site offers to users with javascript enabled.
        </div>
      </div>
    </noscript>
    <!--[if lte IE 7]>
    <div class="container">
      <div class="top-notice">
        <p class=chromeframe>Your browser is <strong>ancient!</strong> <a href="http://browsehappy.com/"> Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site in its true glory.</p>
      </div>
    </div>
    <![endif]-->
    <div id="main" class="main" role="main">
      <section id="start" class="start">
        <!--object data="roots/AC-icon.svg" type="image/svg+xml" id="ac-svg">
          <img src="roots/ac-brand.png" alt="" id="brand">
        </object-->
		<div id="branding" class="astronomy">
          <img src="roots/godidenet-medium.png" alt="">
		  <h1>GodideNET Technologies</h1>
		  
		  <h2 id="start-headline">INNOVATIVE BUSINESS MOBILITY</h2>
        <p class="statement">SCROLL DOWN</p>
		</div>
		
        
        <!--div id="astronomy" class="astronomy">
          <img src="roots/astronomy-diagram-3.png" alt="" class="vector vector1">
        </div-->
      </section>
      
	  <section id="process" class="section section-2 process">
        <div id="section-nav" class="section-nav">
          <div class="container">
            <ul class="nav">
              <li><a class="active" href="#start" id="link-start">Home</a></li>
              <li><a class="" href="#team" id="link-aboutus">About Us</a></li>
			  <li><a class="" href="#services" id="link-services">Services</a></li>
              <li><a class="" href="#contact" id="link-contact">Contact</a></li>
            </ul>
          </div>
        </div>
        
		<div id="process-steps" class="process-steps">
		</div>
      </section>
	  <!-- End Nav-->
	  
      
      <!-- About Us -->
	  <section id="team" class="section team">
        <div class="container">
          <header>
            <h2 class="section-header">GodideNET Technologies</h2>
          </header>
        </div>       
		
		<h3 class="name">About the Company</h3>
		<div class="text-content">
			<p>
				Mothosi Holding is a software engineering company specializing in
				web application development and mobile applications. The
				company was founded in 2012 by two Computer Science
				Majors; Thamsanqa Zulu and Sibongakonke Nkosi, with a
				vision of making e-commerce accessible to businesses of
				all sizes and types.
			</p>	
			<p>	The Company's first web real-estate is iPanta.co.za which is
				an online marketing tool that aims at bridging the gap
				between business owners and their customers. IPanta.com
				stands as a platform which allows business owners to
				create online stores whilst providing a searchable interface
				for customers through which they would engage in social
				shopping and providing usable feedback to online shop
				owners.
			</p>
		</div>
		
		<h3 class="name">Our Mission</h3>
		<div class="text-content">
			<p>
				Make e-commerce accessible to all
			</p>
		</div>
		
		<h3 class="name">Our Vision</h3>
		<div class="text-content">
			<p>
				The Company’s primary objectives is to provide a platform
				for every person or business to have online presence , as
				convenient as possible and free, providing user centered
				services FOR ALL.
			</p>
		</div>
		
		<div class="details">

			<ul class="breakout">
			<li>
			<img alt="Shay Howe" class="figure" src="roots/Musa.jpg">
			<h3>Musa Ntuli - Founder <abbr title="and">&amp;</abbr> Senior Developer</h3>
			<p>
			A Practical Guide to HTML CSS is written by designer front-end developer
			</p>
			</li>
			
			
			<li>
			<img alt="Amazing Friends and Support" class="figure" src="roots/Pat.png">
			<h3>Petrus Shabangu - Co-Founder <abbr title="and">&amp;</abbr> Senior Marketing Manager</h3>
			<p>
			Additional help in composing this guide has been generously provided from a few.
			</p>
			</li>
			
			
			<li>
			<img alt="Shay Howe" class="figure" src="roots/Edna.jpg">
			<h3>Edna Chelule-Martim - UX Expert</h3>
			<p>
			...
			</p>
			</li>
			
			<li>
			<img alt="Shay Howe" class="figure" src="roots/Klaas.png">
			<h3>Klaas Kabini - Mobile Advisory <abbr title="and">&amp;</abbr> Senior Mobile Developer </h3>
			<p>
			...
			</p>
			</li>
			
			<li>
			<img alt="Shay Howe" class="figure" src="roots/shay.jpg">
			<h3>Shay Howe - Recruitment Specialist</h3>
			<p>
			...
			</p>
			</li>
			
			</ul>
		</div>
		
      </section>
      <!-- End About Us -->
	  
	  <!-- Service -->
	  <section id="services" class="section services">
        <div class="container">
          <header>
            <h2 class="section-header">Services</h2>
          </header>
        </div>
       
		<div class="section-container pl0">
				<div class="col-container">
				
									
					
						
														<div class="column col-300 pl0" id="three-col">
								<h2 class="mb5 w286">Design</h2>
								
									<img src="Shape_files/design-category-306x169.jpg" alt="{home_images_description}" height="169" width="306">
								
								<ul id="list-stack" class="w307 ml0">
									
										<li class="last">
											<a href="http://madebyshape.co.uk/services/branding" title="Branding">
											
												<img src="Shape_files/branding-icon-45x45.png" alt="Branding" height="45" width="45">
											
											</a>
											<span>
											    <h3><a href="http://madebyshape.co.uk/services/branding" title="Branding">Branding</a></h3>
											    <p>Branding is not just a Logo Design, it's much much more</p>
											</span>
										</li>
									
										<li class="last">
											<a href="http://madebyshape.co.uk/services/photography-video" title="Photography / Video">
											
												<img src="Shape_files/photography-icon-45x45.png" alt="Photography / Video" height="45" width="45">
											
											</a>
											<span>
											    <h3><a href="http://madebyshape.co.uk/services/photography-video" title="Photography / Video">Photography / Video</a></h3>
											    <p>Our professional Photographer can produce bespoke images for you and your brand</p>
											</span>
										</li>
									
										<li class="last">
											<a href="http://madebyshape.co.uk/services/website-design" title="Website Design">
											
												<img src="Shape_files/web-design-icon-45x45.png" alt="Website Design" height="45" width="45">
											
											</a>
											<span>
											    <h3><a href="http://madebyshape.co.uk/services/website-design" title="Website Design">Website Design</a></h3>
											    <p>Clean, professional bespoke website produced for clients all over the world</p>
											</span>
										</li>
									
										<li class="last">
											<a href="http://madebyshape.co.uk/services/print" title="Print">
											
												<img src="Shape_files/print-icon-45x45.png" alt="Print" height="45" width="45">
											
											</a>
											<span>
											    <h3><a href="http://madebyshape.co.uk/services/print" title="Print">Print</a></h3>
											    <p>Business Cards, Stationery, Brochures, you name it - we can do it</p>
											</span>
										</li>
									
								</ul>
							</div>
						
					
						
														<div class="column col-300 pl0" id="three-col">
								<h2 class="mb5 w286">Digital</h2>
								
									<img src="Shape_files/digital-category-306x169.jpg" alt="{home_images_description}" height="169" width="306">
								
								<ul id="list-stack" class="w307 ml0">
									
										<li class="last">
											<a href="http://madebyshape.co.uk/services/mobile" title="Mobile">
											
												<img src="Shape_files/mobile-icon-45x45.png" alt="Mobile" height="45" width="45">
											
											</a>
											<span>
											    <h3><a href="http://madebyshape.co.uk/services/mobile" title="Mobile">Mobile</a></h3>
											    <p>Dedicated site built specifically for Mobile to increase functionality</p>
											</span>
										</li>
									
										<li class="last">
											<a href="http://madebyshape.co.uk/services/content-management-system" title="Content Management System">
											
												<img src="Shape_files/cms-icon-45x45.png" alt="Content Management System" height="45" width="45">
											
											</a>
											<span>
											    <h3><a href="http://madebyshape.co.uk/services/content-management-system" title="Content Management System">Content Management System</a></h3>
											    <p>Have the ability to update your website without needing to contact us</p>
											</span>
										</li>
									
										<li class="last">
											<a href="http://madebyshape.co.uk/services/ecommerce" title="eCommerce">
											
												<img src="Shape_files/ecommerce-icon-45x45.png" alt="eCommerce" height="45" width="45">
											
											</a>
											<span>
											    <h3><a href="http://madebyshape.co.uk/services/ecommerce" title="eCommerce">eCommerce</a></h3>
											    <p>Have the ability to sell online to your customers</p>
											</span>
										</li>
									
										<li class="last">
											<a href="http://madebyshape.co.uk/services/website-development" title="Website Development">
											
												<img src="Shape_files/web-development-icon-45x45.png" alt="Website Development" height="45" width="45">
											
											</a>
											<span>
											    <h3><a href="http://madebyshape.co.uk/services/website-development" title="Website Development">Website Development</a></h3>
											    <p>Website development with the latest technologies and trends</p>
											</span>
										</li>
									
								</ul>
							</div>
						
					
						
														<div class="column col-300 last pl0" id="three-col">
								<h2 class="mb5 w286">Strategy</h2>
								
									<img src="Shape_files/strategy-category-306x169.jpg" alt="{home_images_description}" height="169" width="306">
								
								<ul id="list-stack" class="w307 ml0">
									
										<li class="last">
											<a href="http://madebyshape.co.uk/services/email-marketing" title="Email Marketing">
											
												<img src="Shape_files/email-marketing-icon-45x45.png" alt="Email Marketing" height="45" width="45">
											
											</a>
											<span>
											    <h3><a href="http://madebyshape.co.uk/services/email-marketing" title="Email Marketing">Email Marketing</a></h3>
											    <p>Newsletters can be integrated into our CMS to target a specific audience</p>
											</span>
										</li>
									
										<li class="last">
											<a href="http://madebyshape.co.uk/services/social-marketing" title="Social Marketing">
											
												<img src="Shape_files/social-marketing-45x45.png" alt="Social Marketing" height="45" width="45">
											
											</a>
											<span>
											    <h3><a href="http://madebyshape.co.uk/services/social-marketing" title="Social Marketing">Social Marketing</a></h3>
											    <p>Our PR guru can update your Twitter / Facebook on a regular basis</p>
											</span>
										</li>
									
										<li class="last">
											<a href="http://madebyshape.co.uk/services/search-engine-optimisation" title="Search Engine Optimisation">
											
												<img src="Shape_files/seo-icon-45x45.png" alt="Search Engine Optimisation" height="45" width="45">
											
											</a>
											<span>
											    <h3><a href="http://madebyshape.co.uk/services/search-engine-optimisation" title="Search Engine Optimisation">Search Engine Optimisation</a></h3>
											    <p>Increase your visibility within search engines such as Google</p>
											</span>
										</li>
									
										<li class="last">
											<a href="http://madebyshape.co.uk/services/copywriting" title="Copywriting">
											
												<img src="Shape_files/copywriting-icon-45x45.png" alt="Copywriting" height="45" width="45">
											
											</a>
											<span>
											    <h3><a href="http://madebyshape.co.uk/services/copywriting" title="Copywriting">Copywriting</a></h3>
											    <p>Need help with words? Our PR guru can guide you through content</p>
											</span>
										</li>
									
								</ul>
							</div>
				</div>
			</div>
		
		
      </section>
	  <!-- End Services -->
	  
	  <!--section id="inspiration" class="section inspiration">
        <div class="source">We are inspired by what<br> is yet to be discovered</div>
      </section -->
      
	  
	  <section id="contact" class="section contact">
        <div class="container">
          <h2 class="section-header">Contact</h2>
          <h3>Communication is key to any relationship.</h3>

          <div class="col chat">
            <h4>We'd Love To Chat</h4>

            <div class="contact-info" itemscope="">
              <div class="method">
                <span class="label">T</span> 
                <span class="details" itemprop="tel">+27 72 216 1298</span>
              </div>
              <div class="method">
                <span class="label">E</span>
                <span class="details" itemprop="email"><a href="mailto:godidenet@hotmail.com">godidenet[at]hotmail[dot]com</a></span>
              </div>
              <div class="method">
                <span class="label"><img src="roots/pin-icon.png" alt="Pin Icon"></span> 
                <span class="details" itemprop="address" itemscope="" itemtype="http://data-vocabulary.org/Address">
                  <span itemprop="street-address">535 Arlington St</span><br>
                  <span itemprop="locality">Houston</span>, <span itemprop="region">TX</span> <span itemprop="postal-code">77007</span>
                </span>
              </div>
            </div>
          </div>
          
          <div class="col notes">
            <h4>Things to Know</h4>

            <h5>Pricing &amp; Timeline</h5>
            <p>We request budgets that allow for custom, detailed work 
on all projects. Your project's complexity and our queue determine the 
price and the timeline.</p>

            <h5>Preferred Project Type</h5>
            <p>We’re small on purpose, which makes us particular about the projects we take. We thrive in trusting, long-term partnerships.</p>

            <h5>Get Started</h5>
            <p>Get in touch and we’ll send a questionnaire to determine 
if we’re the right fit for each other. Assuming we are, we’ll provide a 
ballpark estimate and go from there.</p>

          </div>

          <div class="col request">
            <div id="request-trigger" class="request-trigger">Request a Consultation</div>
            

            <form action="http://alwayscreative.net/#request-form" method="post" id="request-form" class="form" autocomplete="off">
              <input name="consultForm" value="consultForm" type="hidden">
              <h4 id="cf-header">Request a Consultation</h4>
              <fieldset id="cf-fieldset">
                
                
                
                <div class="form-field">
                  <label for="name">Full Name</label>
                  <input name="name" id="name" placeholder="Full Name" class="requiredNoWhitespace " type="text">
                  
                </div>
                <div class="form-field">
                  <label for="email">Email</label>
                  <input name="email" id="email" placeholder="Email" class="requiredNoWhitespace " type="email">
                  
                </div>
                <div class="form-field">
                  <label for="phone">Phone Number</label>
                  <input name="phone" id="phone" placeholder="Phone Number" class="requiredNoWhitespace " type="text">
                  
                </div>
                <div class="form-field">
                  <label for="type">Project Type</label>
                  <input name="type" id="type" placeholder="Project Type" class="requiredNoWhitespace " type="text">
                  
                </div>
                <button disabled="disabled" type="submit" name="submit" class="submit" id="submit-btn">Submit Request</button>
              </fieldset>
            </form>
          </div>

          <footer class="site-footer">
            <div class="social-links">
              <a href="https://www.facebook.com/alwayscreative" class="facebook" target="_blank">Facebook</a>
              <a href="https://twitter.com/alwayscreative" class="twitter" target="_blank">Twitter</a>
              <a href="http://dribbble.com/robyfitzhenry" class="dribble" target="_blank">Dribble</a>
            </div>
            <div class="copyright">Copyright © 2013 Always Creative. <br> Most rights reserved.</div>
          </footer>
        </div>
      </section>
    </div> <!-- /#main -->
    <div id="portfolio-window" class="portfolio-window">
      <div id="portfolio-content" class="portfolio-content">
        <div id="portfolio-showcase" class="portfolio-showcase">
          <ul class="slides">
            <!-- #1 Premium Draught -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: list-item;" class="piece flex-active-slide" id="project1">
              <div class="header">
                <div class="port-nav">
                  <a href="#project9" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project2" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Premium Draught</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label">Logo &amp; Secondary Marks</div>
                <div class="container">
                  <p><img src="roots/pd-1-branding.gif" class="portfolio-images " data-src="images/portfolio/pd-1-branding.gif" alt="Premium Draught Branding Sample">
                    <noscript>
                      <img src="images/portfolio/pd-1-branding.gif" alt="Premium Draught Branding Sample">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label"><a href="http://premiumdraught.com/" target="_blank">premiumdraught.com</a></div>
                <div class="container">
                  <p><img src="roots/pd-2a-website.jpg" class="portfolio-images " data-src="images/portfolio/pd-2a-website.jpg" alt="Premium Draught website design sample">
                    <noscript>
                      <img src="images/portfolio/pd-2a-website.jpg" alt="Premium Draught website design sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-2b-website.jpg" class="portfolio-images " data-src="images/portfolio/pd-2b-website.jpg" alt="Premium Draught website design sample">
                    <noscript>
                      <img src="images/portfolio/pd-2b-website.jpg" alt="Premium Draught website design sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-2c-website.jpg" class="portfolio-images " data-src="images/portfolio/pd-2c-website.jpg" alt="Premium Draught website design sample">
                    <noscript>
                      <img src="images/portfolio/pd-2c-website.jpg" alt="Premium Draught website design sample">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Printed Goods</div>
                <div class="container">
                  <p><img src="roots/pd-3a-print-goods.gif" class="portfolio-images " data-src="images/portfolio/pd-3a-print-goods.gif" alt="Premium Draught Design Sample">
                    <noscript>
                      <img src="images/portfolio/pd-3a-print-goods.gif" alt="Premium Draught Design Sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-3b-print-goods.jpg" class="portfolio-images " data-src="images/portfolio/pd-3b-print-goods.jpg" alt="Premium Draught Design Sample">
                    <noscript>
                      <img src="images/portfolio/pd-3b-print-goods.jpg" alt="Premium Draught Design Sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-3c-print-goods.jpg" class="portfolio-images " data-src="images/portfolio/pd-3c-print-goods.jpg" alt="Premium Draught Design Sample">
                    <noscript>
                      <img src="images/portfolio/pd-3c-print-goods.jpg" alt="Premium Draught Design Sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-3d-print-goods.gif" class="portfolio-images " data-src="images/portfolio/pd-3d-print-goods.gif" alt="Premium Draught Design Sample">
                    <noscript>
                      <img src="images/portfolio/pd-3d-print-goods.gif" alt="Premium Draught Design Sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-3e-print-goods.jpg" class="portfolio-images " data-src="images/portfolio/pd-3e-print-goods.jpg" alt="Premium Draught Design Sample">
                    <noscript>
                      <img src="images/portfolio/pd-3e-print-goods.jpg" alt="Premium Draught Design Sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-3f-print-goods.jpg" class="portfolio-images " data-src="images/portfolio/pd-3f-print-goods.jpg" alt="Premium Draught Design Sample">
                    <noscript>
                      <img src="images/portfolio/pd-3f-print-goods.jpg" alt="Premium Draught Design Sample">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project9" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project2" class="next-piece">Next</a>
                </div>
              </div>
            </li>

			<!-- #2 Squid -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project2">
              <div class="header">
                <div class="port-nav">
                  <a href="#project1" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project3" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Squid</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label">Naming &amp; Identity</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-1-logo.gif" alt="Squid Compression Logo Design Sample">
                    <noscript>
                      <img src="images/portfolio/squid-1-logo.gif" alt="Squid Compression Logo Design Sample" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-2-go-deep.gif" alt="Squid Compression Pattern - Go Deep Sample">
                    <noscript>
                      <img src="images/portfolio/squid-2-go-deep.gif" alt="quid Compression Pattern - Go Deep Sample" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Product, Print, &amp; Packaging Design</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-3a-product.gif" alt="Squid Compression Product Design Samples">
                    <noscript>
                      <img src="images/portfolio/squid-3a-product.gif" alt="Squid Compression Product Design Samples" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-3b-manual.gif" alt="Squid Compression User Manual Samples">
                    <noscript>
                      <img src="images/portfolio/squid-3b-manual.gif" alt="Squid Compression User Manual Samples" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-3c-illustrations.gif" alt="Squid Compression Illustration Samples">
                    <noscript>
                      <img src="images/portfolio/squid-3c-illustrations.gif" alt="Squid Compression Illustration Samples" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-3d-box.gif" alt="Squid Compression Packaging Samples">
                    <noscript>
                      <img src="images/portfolio/squid-3d-box.gif" alt="Squid Compression Packaging Samples" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-3e-knee-wrap.jpg" alt="Squid Compression Product Design Samples">
                    <noscript>
                      <img src="images/portfolio/squid-3e-knee-wrap.jpg" alt="Squid Compression Product Design Samples" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label"><a href="http://squidcompression.com/" target="_blank">squidcompression.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-4a-website.jpg" alt="Squid Compression Website Design Samples">
                    <noscript>
                      <img src="images/portfolio/squid-4a-website.jpg" alt="Squid Compression Website Design Samples">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-4b-website.jpg" alt="Squid Compression Website Design Samples">
                    <noscript>
                      <img src="images/portfolio/squid-4b-website.jpg" alt="Squid Compression Website Design Samples">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-4c-contest.jpg" alt="Squid Compression Website Design Samples">
                    <noscript>
                      <img src="images/portfolio/squid-4c-contest.jpg" alt="Squid Compression Website Design Samples">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project1" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project3" class="next-piece">Next</a>
                </div>
              </div>
            </li>
            
            <!-- #3 Locke -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project3">
              <div class="header">
                <div class="port-nav">
                  <a href="#project2" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project4" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Locke Solutions</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label">Identity</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-1.gif" alt="Locke Solutions Logo Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-1.gif" alt="Locke Solutions Logo Design Sample" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-2.jpg" alt="Locke Solutions - product sample shot">
                    <noscript>
                      <img src="images/portfolio/locke-2.jpg" alt="Locke Solutions - product sample shot" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Print Samples</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-3.jpg" alt="Locke Solutions Business Card Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-3.jpg" alt="Locke Solutions Business Card Design Sample" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-4.jpg" alt="Locke Solutions Business Card Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-4.jpg" alt="Locke Solutions Business Card Design Sample" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-5.jpg" alt="Locke Solutions Stationery Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-5.jpg" alt="Locke Solutions Stationery Design Sample" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Promotional Items</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-6.jpg" alt="Locke Solutions T-shirt Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-6.jpg" alt="Locke Solutions T-shirt Design Sample" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-7.jpg" alt="Locke Solutions Promtional Items Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-7.jpg" alt="Locke Solutions Promotional Items Design Sample" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Advertisements</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-8.gif" alt="Locke Solutions Writing Sample">
                    <noscript>
                      <img src="images/portfolio/locke-8.gif" alt="Locke Solutions Writing Sample" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-9.jpg" alt="Locke Solutions Advertisement Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-9.jpg" alt="Locke Solutions Advertisement Design Sample" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label"><a href="http://lockesolutions.com/" target="_blank">lockesolutions.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-10.jpg" alt="Locke Solutions website design sample">
                    <noscript>
                      <img src="images/portfolio/locke-10.jpg" alt="Locke Solutions website design sample">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-11.jpg" alt="Locke Solutions website design sample">
                    <noscript>
                      <img src="images/portfolio/locke-11.jpg" alt="Locke Solutions website design sample">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project2" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project4" class="next-piece">Next</a>
                </div>
              </div>
            </li>

            <!-- #4 Shops -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project4">
              <div class="header">
                <div class="port-nav">
                  <a href="#project3" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project5" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Shops at Riverwoods</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label">Logo Redesign</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-1-branding.gif" alt="Shops at Riverwoods Logo Redesign">
                    <noscript>
                      <img src="images/portfolio/shops-1-branding.gif" alt="Shops at Riverwoods Logo Redesign">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">2013 Marketing Guidelines</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-2a-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-2a-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sampl">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-2b-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-2b-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sampl">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-2c-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-2c-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sampl">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-2d-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-2d-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sampl">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-2e-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-2e-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sampl">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-2f-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-2f-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sampl">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label"><a href="http://shopsatriverwoods.com/" target="_blank">shopsatriverwoods.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-3a-website.jpg" alt="Shops at Riverwoods Responsive Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-3a-website.jpg" alt="Shops at Riverwoods Responsive Website Design Samplen">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-3b-website.jpg" alt="Shops at Riverwoods Responsive Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-3b-website.jpg" alt="Shops at Riverwoods Responsive Website Design Samplen">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-3c-website.jpg" alt="Shops at Riverwoods Responsive Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-3c-website.jpg" alt="Shops at Riverwoods Responsive Website Design Samplen">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project3" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project5" class="next-piece">Next</a>
                </div>
              </div>
            </li>

            <!-- #5 NRB -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project5">
              <div class="header">
                <div class="port-nav">
                  <a href="#project4" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project6" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>NRB</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label">Logo &amp; Secondary Marks</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp4" data-src="images/portfolio/nrb-1-branding.jpg" alt="New Republic Brewing Logo Design">
                    <noscript>
                      <img src="images/portfolio/nrb-1-branding.jpg" alt="New Republic Brewing Logo Design">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Tap Handles &amp; Coasters</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp4" data-src="images/portfolio/nrb-2-tap-handles.jpg" alt="New Republic Brewing tap handle design">
                    <noscript>
                      <img src="images/portfolio/nrb-2-tap-handles.jpg" alt="New Republic Brewing tap handle design">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">T-Shirts</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp4" data-src="images/portfolio/nrb-3-shirts.jpg" alt="New Republic Brewing t-shirt design">
                    <noscript>
                      <img src="images/portfolio/nrb-3-shirts.jpg" alt="New Republic Brewing t-shirt design">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Print Work</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp4" data-src="images/portfolio/nrb-4-print.jpg" alt="New Republic Brewing print design">
                    <noscript>
                      <img src="images/portfolio/nrb-4-print.jpg" alt="New Republic Brewing print design">
                    </noscript>
                  </p>
                </div>
                <!-- <div class="sect-label"><a href="http://newrepublicbrewing.com" target="_blank">newrepublicbrewing.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp4" data-src="images/portfolio/nrb-5-website.jpg" alt="New Republic Brewing website design">
                    <noscript>
                      <img src="images/portfolio/nrb-5-website.jpg" alt="New Republic Brewing website design">
                    </noscript>
                  </p>
                </div> -->
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project4" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project6" class="next-piece">Next</a>
                </div>
              </div>
            </li>
            
            <!-- #6 Malawi's -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project6">
              <div class="header">
                <div class="port-nav">
                  <a href="#project5" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project7" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Malawi's</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label"><a href="http://malawispizza.com/" target="_blank">malawispizza.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp5" data-src="images/portfolio/malawi-1-website-a.jpg" alt="">
                    <noscript>
                      <img src="images/portfolio/malawi-1-website-a.jpg" alt="">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp5" data-src="images/portfolio/malawi-2-website-b.jpg" alt="">
                    <noscript>
                      <img src="images/portfolio/malawi-2-website-b.jpg" alt="">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp5" data-src="images/portfolio/malawi-3-website-c.jpg" alt="">
                    <noscript>
                      <img src="images/portfolio/malawi-3-website-c.jpg" alt="">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project5" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project7" class="next-piece">Next</a>
                </div>
              </div>
            </li>
            
            <!-- #7 Hardwood -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project7">
              <div class="header">
                <div class="port-nav">
                  <a href="#project6" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project8" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Hardwood</h2>
                  </div>
                </div>
              </div>
              <div class="content">
              <div class="sect-label">Logo</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp6" data-src="images/portfolio/hdco-1-logo.jpg" alt="Hardwood Design Co. Logo Design">
                    <noscript>
                      <img src="images/portfolio/hdco-1-logo.jpg" alt="Hardwood Design Co. Logo Design">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Print Collateral</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp6" data-src="images/portfolio/hdco-2-print.jpg" alt="Hardwood Design Co. Print Design">
                    <noscript>
                      <img src="images/portfolio/hdco-2-print.jpg" alt="Hardwood Design Co. Print Design">
                    </noscript>
                  </p>
                <div class="sect-label"><a href="http://hardwooddesigns.net/" target="_blank">hardwooddesigns.net</a></div>
                  <p><img class="portfolio-images pgrp6" data-src="images/portfolio/hdco-3a-website.jpg" alt="Hardwood Design Co. Website Design">
                    <noscript>
                      <img src="images/portfolio/hdco-3a-website.jpg" alt="Hardwood Design Co. Website Design">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp6" data-src="images/portfolio/hdco-3b-website.jpg" alt="Hardwood Design Co. Website Design">
                    <noscript>
                      <img src="images/portfolio/hdco-3b-website.jpg" alt="Hardwood Design Co. Website Design">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp6" data-src="images/portfolio/hdco-3c-website.jpg" alt="Hardwood Design Co. Website Design">
                    <noscript>
                      <img src="images/portfolio/hdco-3c-website.jpg" alt="Hardwood Design Co. Website Design">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp6" data-src="images/portfolio/hdco-3d-website.jpg" alt="Hardwood Design Co. Website Design">
                    <noscript>
                      <img src="images/portfolio/hdco-3d-website.jpg" alt="Hardwood Design Co. Website Design">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project6" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project8" class="next-piece">Next</a>
                </div>
              </div>
            </li>
            
            <!-- #8 Thorn -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project8">
              <div class="header">
                <div class="port-nav">
                  <a href="#project7" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project9" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Thorn</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label">Overview</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-0-intro.jpg" alt="Thorn Pest Solutions Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-0-intro.jpg" alt="Thorn Pest Solutions Design Sample" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Logo &amp; Secondary Marks</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-1-logo.jpg" alt="Thorn Pest Solutions Logo Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-1-logo.jpg" alt="Thorn Pest Solutions Logo Design Sample">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Print Collateral</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-2-print.gif" alt="Thorn Pest Solutions Print Design Samples">
                    <noscript>
                      <img src="images/portfolio/thorn-2-print.gif" alt="Thorn Pest Solutions Print Design Samples">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Truck Graphics</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-3-truck.jpg" alt="Thorn Pest Solutions Truck Wrap Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-3-truck.jpg" alt="Thorn Pest Solutions Truck Wrap Design Sample">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label"><a href="http://thornservices.com/" target="_blank">thornservices.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-4a-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-4a-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    </noscript>
                  </p>
				  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-4b-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-4b-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    </noscript>
                  </p>
				  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-4c-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-4c-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    </noscript>
                  </p>
				  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-4d-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-4d-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project7" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project9" class="next-piece">Next</a>
                </div>
              </div>
            </li>
            
            <!-- #9 La Jolla Groves -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project9">
              <div class="header">
                <div class="port-nav">
                  <a href="#project8" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project1" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>La Jolla</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label"><a href="http://lajollagroves.com/" target="_blank">lajollagroves.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp8" data-src="images/portfolio/ljg-1a-website.jpg" alt="La Jolla Groves Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/ljg-1a-website.jpg" alt="La Jolla Groves Website Design Sample">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp8" data-src="images/portfolio/ljg-1b-website.jpg" alt="La Jolla Groves Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/ljg-1b-website.jpg" alt="La Jolla Groves Website Design Sample">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp8" data-src="images/portfolio/ljg-1c-website.jpg" alt="La Jolla Groves Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/ljg-1c-website.jpg" alt="La Jolla Groves Website Design Sample">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project8" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project1" class="next-piece">Next</a>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div> <!-- /#universe -->
  <script src="roots/jquery.js"></script>
  <script>window.jQuery || document.write('<script src="javascripts/libs/jquery-1.8.0.min.js"><\/script>')</script>

  <script src="roots/plugins.js"></script>
  <script src="roots/script.js"></script>

  <!--[if IE 8]>
    <script type="text/javascript" src="/javascripts/ie.js"></script>
  <![endif]-->
  <!--[if IE 7]>
    <script type="text/javascript" src="/javascripts/ie7.js"></script>
  <![endif]-->

  <script>
    var _gaq=[ ['_setAccount','UA-17658549-1'],['_trackPageview'] ];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g,s)}(document,'script'));
  </script>


</body></html>